<template>
  <div class="card">
    <p style="margin-top: 0px;">网站公告</p>
    <el-divider><p style="margin-top: 0px;font-family: 宋体;font-weight: bold;">命运赠送的东西暗中都标着价格</p></el-divider>

    <div>
      <p style="margin-left: 20px; margin-top:60px;margin-bottom:0px;font-size: 16px;font-family: 宋体;font-weight: bold;">
        {{announcement}}</p>
    </div>


  </div>


</template>

<script>
export default {
  name: "RightCard",
  data() {
    return {
      announcement: "",

    }
  },
  methods: {
    //多个isshow===1则为最后一个，应该在后台管理进行限制
    getAnnouncementInfo(){
      const _this = this
      this.$axios.get(this.$base_url+'sys/announcementinfo').then(res => {
        for (let item of res.data.data) {
          _this.announcement=item.announcement
        }
      })
    },
  },
  created() {
    this.getAnnouncementInfo()
  }
}
</script>

<style scoped>
.card {
  width: 700px;
  height: 200px;
  padding: 20px 0px 0px 0px;
  background-color: white;

  text-align: center;


}

.card:hover {
  -webkit-box-shadow: #ccc 0px 10px 10px;
  -moz-box-shadow: #ccc 0px 10px 10px;
  box-shadow: #ccc 0px 10px 10px;
}


</style>